@import 'antd/dist/antd.css';
@import '@ant-design/pro-components/dist/components.css';
*{
    margin: 0;
    padding: 0;
    list-style: none;
}
html,body,#root{
    width: 100%;
    height: 100%;
}
#components-layout-demo-responsive .logo {
    height: 32px;
    margin: 16px;
    background: rgba(255, 255, 255, 0.2);
  }
  
  .site-layout-sub-header-background {
    background: #fff;
  }
  
  .site-layout-background {
    background: skyblue;
    width: 100%;
    height: 100%;
  }
  .ant-layout-content{
    width: 100%;
    height: 100%;
  }
  .ant-layout-sider-children{
    width:100% ;
    height: 100%;
  }
  .box{
    width: 800px;
    height: 800px;
    background: skyblue;
    margin: 0 auto;
  }
.left{
  width: 200px;
  height: 800px;
  float: left;
}
.right{
  width: 600px;
  height: 800px;
  float: left;
  overflow-y: scroll;
  div{
   text-align: center;
   margin: 20px;
    float: left;
   
  }
}
  .left li{
    width: 200px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: yellow;
  }
  .active{
    background: orange!important;
  }